<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>温馨提示</title>
    <link href="__layui__/css/layui.css" rel="stylesheet">
    <style>
        body {
            width: 100vw;
            height: 100vh;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .main-content {
            width: 40%;
            padding: 100px;
            background-color: #eee;
            border-radius: 10px;
            padding: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 100px;
        }

        #error-icon {
            font-size: 5rem;
        }
    </style>
</head>

<body>
    <div class="main-content layui-bg-gray">
        <h3>温馨提示</h3>
        <i class="layui-icon layui-icon-face-smile-b layui-font-blue layui-margin-3" id="error-icon"></i>
        <br>
        <br>
        <span class="layui-font-black layui-font-24">{$msg|default="404"}</span>
        <button class="layui-btn layui-bg-blue layui-margin-5" type="button" onclick="alert('感谢你的理解')">我知晓了</button>
    </div>
    <script>
     
    </script>
</body>

</html>